<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>固定定位 fixed</title>
</head>
<body>
    <p>固定定位是固定于浏览器可视区的位置，可以在浏览器滚动时位置不会改变</p>
    <p>以浏览器可视窗口参照点移动元素</p>
    <p>跟父元素没有任何关系</p>
    <p>不随滚动条滚动</p>
    <p>固定定位不占有原先位置</p>
    <p>固定定位也是脱标的</p>
    <p>可以看作成一种特殊的绝对定位</p>
</body>
</html>